
// @use 'sass:str'; 
$color:"#";
// 主题色class
.app-theme{
	color: $app-theme
}
// 字体大小 12px~60px
// 生成class .f12 .f24 .f33
@for $i from 12 to 61 {
  .fs#{$i} {  font-size: #{$i}rpx;  }
}
// 字体颜色 c111111-c99999
// 生成class .c1 .c2 .c3
@for $i from 1 to 10 {
  .c#{$i} {  color: #{$color}#{111111 * $i};  }
  .fw#{$i} {  font-weight: #{100 * $i};  }//字重
}
// margin-top 1px~100px
// 生成class .mt10 .mt5 .mt1  注意  m30-0 ===margin: 30rpx 0  pdding同理
@for $i from 1 to 101 {
  .mt#{$i} {
    margin-top: #{$i}rpx;
  }
  .mb#{$i} {
    margin-bottom: #{$i}rpx;
  }
  .ml#{$i} {
    margin-left: #{$i}rpx;
  }
  .mr#{$i} {
    margin-right: #{$i}rpx;
  }
  .m0#{$i} {
    margin: 0 #{$i}rpx;
  }
  .m#{$i}-0 {
    margin:  #{$i}rpx 0;
  } 
  .m#{$i} {
    margin:  #{$i}rpx;
  }
  .pl#{$i} {
	  padding-left: #{$i}rpx;
  }
  .pr#{$i} {
  	  padding-right: #{$i}rpx;
  }
  .pt#{$i} {
  	  padding-top: #{$i}rpx;
  }
  .pb#{$i} {
  	  padding-bottom: #{$i}rpx;
  }
  .p0#{$i} {
  	  padding: 0 #{$i}rpx;
  }
  .p#{$i}-0 {
  	  padding:  #{$i}rpx 0;
  }
  .p#{$i} {
  	  padding:  #{$i}rpx;
  }
  .bdr#{$i} {
  	  border-radius:  #{$i}rpx;
  }
}
